Flexboxにmargin: autoを指定する
良いタイトルが思いつかないmrsekut.icon
https://gyazo.com/7f32e327a0de5b93fbc405bb4f9a02d1
flex itemに対してmargin: autoを指定することで、上図のように、兄弟なのに1と2にわける、みたいなことができる 上図では黄色いやつにのみmargin-right: autoを指定してる
flexでやるなら右側をdivで囲んでいただろうけど、margin: auto付けるとそのdiv不要、というのがポイント
gridを使うなら
でもちょっと微妙
flexを使うと向きが変わる意図が含まれるが、flexの方がうまい気がする